<jsp:directive.page contentType="text/html;charset=UTF-8" />

<div class="modal-header">
	<button type="button" class="close" data-dismiss="modal"
		aria-label="Close" data-ng-click="returnPage()">
		<span aria-hidden="true">&times;</span>
	</button>
	<h4 align="center" class="modal-title" id="exampleModalLabel">Job edit</h4>
</div>
<div class="modal-body">
	<table class="table table-hover table-striped table-bordered"
		style="width: 100%; height: 100%; padding: 0; margin: 0;">
		<tr>
			<td width="100%" align="center">
				<div class="form-group" data-ng-show="job.jobId.jobId"
					style="margin-bottom: 10px;">
					<div class="input-group">
						<div class="input-group-addon" style="width: 150px;">Job ID：</div>
						<input type="text" id="jobId" class="form-control"
							data-ng-model="job.jobId.jobId" placeholder=""
							disabled="disabled" style="width: 270px;">
						<div class="input-group-addon" style="width: 600px;">作业ID</div>
					</div>
				</div>
				<div class="form-group" style="margin-bottom: 10px;">
					<div class="input-group">
						<div class="input-group-addon" style="width: 150px;">作业名称：</div>
						<input id="jobName" data-ng-model="job.jobName" type="text"
							class="form-control" style="width: 870px;">
					</div>
				</div>
				<div class="form-group" style="margin-bottom: 10px;">
					<div class="input-group">
						<div class="input-group-addon" style="width: 150px;">作业开始时间：</div>
						<input id="runStartTime" data-ng-model="job.runStartTime"
							type="text" class="form-control" style="width: 270px;">
						<div class="input-group-addon"
							style="width: 600px; text-align: left;">
							<label class="checkbox-inline"><input type="checkbox"
								data-ng-model="job.immediatelyRun">启动后立即执行</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CronExpression
						</div>
					</div>
				</div>
				<div class="form-group" style="margin-bottom: 10px;">
					<div class="input-group">
						<div class="input-group-addon" style="width: 150px;">作业结束时间：</div>
						<input id="runEndTime" data-ng-model="job.runEndTime" type="text"
							class="form-control" style="width: 270px;">
						<div class="input-group-addon" style="width: 600px;">CronExpression;未设定结束时间,任务单次执行结束;设定了则循环执行到结束时间</div>
					</div>
				</div>
				<div class="form-group" style="margin-bottom: 10px;">
					<div class="input-group">
						<div class="input-group-addon" style="width: 150px;">备注：</div>
						<input id="remark" data-ng-model="job.remark" type="text"
							class="form-control" style="width: 870px;">
					</div>
				</div>
				<table>
					<tr>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td align="center" colspan="3">
							<button type="button" class="btn btn-info"
								data-ng-click="returnPage()">关闭</button>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<button data-ng-show="isEdit==1" type="button"
								class="btn btn-success" data-ng-click="saveJob()">保存</button>
						</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
					</tr>
				</table>
				<table border="1"
					class="table table-hover table-striped table-bordered">
					<thead>
						<tr class="success">
							<td colspan="2" align="center">作业绑定任务</td>
						</tr>
						<tr>
							<td align="center">已选任务</td>
							<td align="center">可选任务</td>
						</tr>
					</thead>
					<tr>
						<td align="center" width="50%">
							<table>
								<tr data-ng-repeat="item in tasks">
									<td data-ng-bind="item.taskGroup + '$' +item.taskName"></td>
									<td><a href="javascript:void(0);"
										data-ng-click="removeTask(item,$index)">删除任务</a></td>
								</tr>
							</table>
						</td>
						<td align="center" width="50%">
							<table>
								<tr data-ng-repeat="item in unRatedTasks">
									<td data-ng-bind="item.taskGroup + '$' +item.taskName"></td>
									<td><a href="javascript:void(0);"
										data-ng-click="selectTask(item,$index)">选择任务</a></td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</div>